<template>
	<view class="">
		<view class="bgc">
			<view class="ksbl">
				
			</view>
			<view class="image">
			</view>
			<view class="dgly">
				请登录
			</view>
		</view>
		<view>
			<view v-for="i in uuju" :key="i.id" class="bcdj">
				<view class="">
					<view class="arrow"></view>
					<view>{{i.name}}</view>
					<view class="divider"/>
				</view>
			</view>
			<view class="btn" @click="back">
				<button>退出登录</button>
			</view>
				<!-- <ul v-for="i in uuju" :key="i.id" class="bcdj">
					
					<view class="arrow">
					</view>
					<li>{{i.name}}</li>
					<view class="divider"/>
				</ul> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgurl: '',
				uuju:[
					{
						id:1,
						name:'设置'
					},
					{
						id:2,
						name:'关于'
					},
					{
						id:3,
						name:'当前版本'
					}
				],
				name:''
			}
		},
		onLoad() {

		},
		methods: {
			updateimage() {
				uni.login({
					provider: 'univerify',
					univerifyStyle: { 
				    fullScreen: true
				  }
				})
				
			},
			check(){
				uni.showModal({
					content:'当前版本是最新版本'
				})
			},
			back(){
				uni.redirectTo({
					url:'../login/login'
				})
			}
		}
	}
</script>

<style>
	.image {
		width: 200rpx;
		height: 200rpx;
		background-color: pink;
		margin: 0 auto;
		/* margin-top: 100rpx; */
		border-radius: 50%;
	}

	.dgly {
		text-align: center;
	}
	.bgc {
		width: 750rpx;
		height: 400rpx;
		background-color: gray;
	}
	.ksbl {
		width: 750rpx;
		height: 100rpx;
	}
	.divider{
		position: absolute;
		left: 0;
		 background: #E0E3DA;
		 width: 100%;
		 height: 5rpx;
		}
	.jmtb {
		float: right;
		font-size: 40rpx;
		color: grey;
	}
	.uevi{
		float: left;
	}
	.bcdj {
		font-size: 45rpx;
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}
	.bcdj li {
		margin-left: -68rpx;
	}
	.arrow{
	 
		width: 10px;
		
		height: 10px;
		
		border-top: 2px solid #999;
		
		border-right: 2px solid #999;
		
		position: absolute;
		right: 20rpx;
		
		transform: rotate(45deg);
		
		margin-top:10rpx;
	}
	.btn {
		position: absolute;
		bottom: 30rpx;
		left: 275rpx;
	}
</style>